<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>个人档案</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/examine_detail.css" />
    <style>
        .contentBox {
            padding-bottom: 0px;
        }

        .aui_list {
            width: 95%;
            margin: 0.5rem auto;
            background: #fff;
            border-radius: 8px;
            padding: 10px 14px 8px 14px;
        }

        .examine_con {
            padding: 0px 0px 8px 0px;
            overflow: hidden;
        }

        .examine_con_list {
            width: 100%;
            padding: 8px 0px;
            overflow: hidden;
        }

        .ex_con_lft {
            width: 24%;
            color: #828c9a;
            font-size: 0.75rem;
            float: left;
        }

        .ex_con_rgt {
            width: 75%;
            color: #222;
            float: right;
            font-size: 0.75rem;
        }

        .examine_statue {
            width: 100%;
            /* padding-top: 8px; */
            font-size: 0.75rem;
        }

        .person_box {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 15px;
            overflow: hidden;
        }

        .person_pic {
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 10px;
            float: left;
        }

        .person_pic img {
            width: 100%;
            height: 100%;
            border-radius: 10px;
        }

        .person_msg {
            margin-left: 4.2rem;
        }

        .person_name {
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 3px;
        }

        .person_name span.person_type {
            padding: 2px 10px;
            background: #f0f8ff;
            border-radius: 6px;
            font-size: 0.65rem;
            font-weight: 400;
            color: #289fff;
            margin-left: 5px;
        }

        .person_dec {
            font-size: 0.65rem;
            color: #828c9a;

        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
                <div class="aui_list boxarea mb20">
                    <div class="person_box">
                        <div class="person_pic"><img :src="form.StaffAvator"></div>
                        <div class="person_msg">
                            <div class="person_name">{{form.StaffName}}<span class="person_type">{{form.StaffStatusDesc}}</span></div>
                            <div class="person_dec ">{{form.DepartmentName}}</div>
                            <div class="person_dec ellipsis_one">已在公司工作{{form.WorkDay}}天</div>
                        </div>
                    </div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">职位</div>
                            <div class="ex_con_rgt">{{form.JobPosition}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">职位级别</div>
                            <div class="ex_con_rgt">{{form.JobPositionLevel}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">岗位</div>
                            <div class="ex_con_rgt">{{form.JobPost}}</div>
                        </div>
                    </div>
                </div>
                <div class="aui_list boxarea mb20">
                    <div class="work_title" style="margin-bottom: 10px;">
                        档案信息
                    </div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">员工编号</div>
                            <div class="ex_con_rgt">{{form.StaffNo}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">性别</div>
                            <div class="ex_con_rgt">{{form.StaffSex}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">手机号码</div>
                            <div class="ex_con_rgt">{{form.StaffPhone}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">身份证号</div>
                            <div class="ex_con_rgt">{{form.IdCardNumber}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">出生日期</div>
                            <div class="ex_con_rgt">{{form.Birthday}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">年龄</div>
                            <div class="ex_con_rgt">{{form.StaffAge}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">入职日期</div>
                            <div class="ex_con_rgt">{{form.InductionDate}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">试用期限</div>
                            <div class="ex_con_rgt">{{form.ProbationPeriod}}</div>
                        </div>
                    </div>
                </div>
        </section>
    </div>

</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/person_detail.js"></script>

</html>